<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <script>
        /*
        BOM：Browser Object Model 浏览器对象模型 
        js将浏览器各个部分封装为对象 通过对对象的属性和方法的调用能够达到修改属性内容调用功能的目的

        BOM基本上包含了以下对象：
        -Window:浏览器的窗口 对窗口的内容进行了封装 有属性和方法
        -Location：地址栏对象
        -History：历史记录对象
        -Navigator：浏览器对象*
        -Screen:屏幕对象*
        
        
        */

        //1.window对象：不需要获取 直接使用
        //属性 可以获取某个对象 并且不需要写出window也行
        //alert(window.history);  //获取对History对象的引用
        //alert(history);

        //window.location;//获取窗口中的地址对象Location
        //window.screen;
        //window.navigator;
        //注意:我们以后要使用这几个独享可以直接用对象名  如： location   history...

        //函数 window对象提供了很多函数 列举一些常用函数
        //弹框类的函数  
        // alert("msg");
        // confirm("msg");
        // prompt("msg");

        //打开窗口
        function op() {
            // open("https://www.baidu.com");
            // open(页面地址,名字,特征) 
            open("https://www.baidu.com", "百度页面", "width=350,height=300,Location=no");
        }

        //关闭窗口
        function clo() {
            close();
        }

        //定时器函数

        //在指定间隔后执行一次  执行的操作  时间（毫秒）
        // setTimeout(function () {
        //     alert("你好！");
        // }, 3000);


        //每隔指定时间执行一次
        /*  setInterval(function () {
             alert("你好！");
         }, 3000); */


        function test() {
            alert("啦啦啦啦");
        }

        //定义函数调用其他函数完成操作  当然 定时函数也可以放在别的函数中
        setInterval("test()", 3000);









    </script>
</head>

<body>

    <input type="button" value="点我打开百度" onclick="op()">
    <input type="button" value="点我关闭窗口" onclick="clo()">
</body>

</html>